/** 全局 CSS 变量，这种变量不仅可以在 CSS 和 SCSS 中使用，还可以导入到 JS 中使用 */

:root {
  --ep-navbar-height: 50px;
  --ep-navbar-bg-color: #fff;

  --ep-logo-height: var(--ep-navbar-height);
  --ep-logo-text-color: inherit;
  --ep-logo-bg-color: inherit;

  --ep-sidebar-width: 220px;
  --ep-sidebar-hide-width: 64px;
  --ep-sidebar-item-height: 36px;
  --ep-sidebar-text-color: #fff;
  --ep-sidebar-bg-color: #1e1e1e;
  --ep-sidebar-sub-item-bg-color: #2d2d2d;
  --ep-sidebar-item-hover-text-color: var(--el-color-white);
  --ep-sidebar-item-hover-bg-color: var(--el-overlay-color-lighter); // 鼠标悬浮背景色
  --ep-sidebar-item-active-text-color: var(--el-color-white);
  --ep-sidebar-item-active-bg-color: var(--el-color-primary);

  --ep-tags-view-height: 34px;
}
